﻿<!DOCTYPE html>
<html class="james.net">

	<head class="james.net">

		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>
			James </title>
		<link rel="icon" href="./static/img/favicon.ico">
		<meta name="description" content="希望成为一个自由不为钱发愁随时可以写代码的终身开发者">
		<meta name="keywords" content="主页漂亮的主页 高大上的漂亮个人主页">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<link rel="stylesheet"
			href="https://mp-d22a75ec-23c3-4382-abcd-f17b827c4211.cdn.bspapp.com/static/css/style.css">
		<link rel="stylesheet"
			href="https://mp-d22a75ec-23c3-4382-abcd-f17b827c4211.cdn.bspapp.com/static/css/root.css">
		<link rel="stylesheet" type="text/css"
			href="https://mp-d22a75ec-23c3-4382-abcd-f17b827c4211.cdn.bspapp.com/static/css/materialdesignicons.min.css">
	</head>

	<body>
		<div id="zyyo-loading">
			<div id="zyyo-loading-center">
			</div>
		</div>
		<div class="zyyo-filter"></div>
		<div class="zyyo-main">
			<div class="zyyo-left">
				<div class="logo" style="background-image: url(https://img2.imgtp.com/2024/03/21/MxsTDnsM.png);">
					<img style="position: absolute;top:-15%;left:-10%;width: 120%; aspect-ratio: 1/1;"
						src="./static/img/logokuang.png">
				</div>
				<div class="left-div left-des">
					<div class="left-des-item"><i class="mdi mdi-information-outline"></i>China-Chongqing
					</div>
					<div class="left-des-item"><i class="mdi mdi-school"></i>重庆大学</div>
				</div>
				<div class="left-div left-tag">
					<div class="left-tag-item">springboot
					</div>
					<div class="left-tag-item">Python
					</div>
					<div class="left-tag-item">vue
					</div>
					<div class="left-tag-item">uniapp
					</div>
					<div class="left-tag-item">linux
					</div>
					<div class="left-tag-item">php
					</div>
					<div class="left-tag-item">mysql
					</div>
					<div class="left-tag-item">camunda
					</div>
					<div class="left-tag-item">rabbitmq</div>
				</div>
				<div class="left-div left-time">
					<ul id="line">
						<li>
							<div class="focus"></div>
							<div>杭州赤兔科技
							</div>
							<div>2020.9-至今</div>
						</li>
						<li>
							<div class="focus"></div>
							<div>北京信必优科技
							</div>
							<div>2018.9-2020.9</div>
						</li>
						<li>
							<div class="focus"></div>
							<div>重庆软岛科技
							</div>
							<div>2015.8-2018.9</div>
						</li>
						<li>
							<div class="focus"></div>
							<div>武汉中控同和科技
							</div>
							<div>2012.6--2015.8</div>
						</li>
						<li>
							<div class="focus"></div>
							<div>...
							</div>
							<div>...</div>
						</li>

					</ul>
				</div>
			</div>
			<div class="zyyo-right">
				<header>
					<div class="index-logo"
						style="background-image: url(https://img2.imgtp.com/2024/03/21/MxsTDnsM.png);">
						<img style="position: absolute;top:-15%;left:-10%;width: 120%; aspect-ratio: 1/1;"
							src="./static/img/logokuang.png">
					</div>
					<div class="welcome">
						hello I' m <span class="gradientText">
							james </span>
					</div>
					<div class="description">👦 <span class="purpleText">Full Stack</span> Developer
					</div>
					<div class="description">📝 The only way to do <span class="purpleText textBackground">great</span>
						is
						to <span class="purpleText textBackground">love</span> what you do. </div>

					<div class="iconContainer">
						<a class="iconItem" onclick="" href="">
							<i class="mdi mdi-github"></i>
							<div class="iconTip">Github</div>
						</a><a class="iconItem" onclick="" href="mailto:819862180@qq.com">
							<i class="mdi mdi-mail"></i>
							<div class="iconTip">Mail</div>
						</a><a class="iconItem" onclick="pop('./static/img/wx.jpg')" href="javascript:void(0)">
							<i class="mdi mdi-wechat"></i>
							<div class="iconTip">wechat</div>
						</a><a class="iconItem" onclick="pop('./static/img/wxzsm.jpg')" href="javascript:void(0)">
							<i class="mdi mdi-thumb-up"></i>
							<div class="iconTip">赞助</div>
						</a> <a class="switch" href="javascript:void(0)">
							<div class="onoffswitch">
								<input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox"
									id="myonoffswitch" checked>
								<label class="onoffswitch-label" for="myonoffswitch">
									<span class="onoffswitch-inner"></span>
									<span class="onoffswitch-switch"></span>
								</label>
							</div>
						</a>
					</div>

					<div class="tanChiShe">
						<img id="tanChiShe" src="./static/svg/snake-Light.svg" alt="">
					</div>
				</header>






				<content>
					<div class="title"><i class=" mdi mdi-chart-bubble"></i>site </div>
					<div class="projectList"><a class="projectItem a" target="_blank" href="">
							<div class="projectItemLeft">
								<h1>博客</h1>
								<p>技术文章</p>
							</div>
							<div class="projectItemRight">
								<img src="./static/img/i1.png" alt="">
							</div>

						</a><a class="projectItem a" target="_blank" href="">
							<div class="projectItemLeft">
								<h1>云盘</h1>
								<p>存储收集文件</p>
							</div>
							<div class="projectItemRight">
								<img src="./static/img/i2.png" alt="">
							</div>

						</a><a class="projectItem a" target="_blank" href="">
							<div class="projectItemLeft">
								<h1>实验室</h1>
								<p>收集有趣html作品</p>
							</div>
							<div class="projectItemRight">
								<img src="./static/img/i3.png" alt="">
							</div>

						</a><a class="projectItem a" target="_blank" href="">
							<div class="projectItemLeft">
								<h1>GPT</h1>
								<p>chatgpt next web</p>
							</div>
							<div class="projectItemRight">
								<img src="./static/img/i4.png" alt="">
							</div>

						</a>
					</div>
					<div class="title"><i class="mdi mdi-monitor"></i>project </div>
					<div class="projectList">
						<a class="projectItem b" target="_blank" href="https://smhy-apk.oss-cn-beijing.aliyuncs.com/user_1.1.1.apk">
							<div class="projectItemLeft">
								<h1>什马速运</h1>
								<p>拉货平台</p>
							</div>
							<div class="projectItemRight">
								<img src="https://mp-d22a75ec-23c3-4382-abcd-f17b827c4211.cdn.bspapp.com/static/img/smsy.png" alt="">
							</div>

						</a>
						<a class="projectItem b" target="_blank"
							href="https://images.chituyc.com/uploads/ctyc2022033001.apk">
							<div class="projectItemLeft">
								<h1>赤兔养车</h1>
								<p>商用车保养</p>
							</div>
							<div class="projectItemRight">
								<img src="https://mp-d22a75ec-23c3-4382-abcd-f17b827c4211.cdn.bspapp.com/static/img/cyyc.jpg"
									alt="">
							</div>

						</a>
						<a class="projectItem b" target="_blank"
							href="http://image-chitu.upcdn.net/uploads/busniess2022030802.apk">
							<div class="projectItemLeft">
								<h1>赤兔养车商家端</h1>
								<p>APP</p>
							</div>
							<div class="projectItemRight">
								<img src="https://mp-d22a75ec-23c3-4382-abcd-f17b827c4211.cdn.bspapp.com/static/img/chitubusiness.jpg"
									alt="">
							</div>

						</a>
					        
						
					<a class="projectItem b" target="_blank" href="http://image-chitu.upcdn.net/uploads/ctlr2022042401.apk">
						<div class="projectItemLeft">
							<h1>赤兔猎人</h1>
							<p>APP</p>
						</div>
						<div class="projectItemRight">
							<img src="./static/img/i6.png" alt="">
						</div>

					</a>

					<a class="projectItem b" target="_blank" href="">
						<div class="projectItemLeft">
							<h1>车管云平台</h1>
							<p>停车场智慧管理</p>
						</div>
						<div class="projectItemRight">
							<img src="./static/img/i6.png" alt="">
						</div>
					</a>
					<a class="projectItem b" target="_blank" href="https://www.igxe.cn/">
						<div class="projectItemLeft">
							<h1>IGXE</h1>
							<p>电竞饰品交易平台</p>
						</div>
						<div class="projectItemRight">
							<img src="https://mp-d22a75ec-23c3-4382-abcd-f17b827c4211.cdn.bspapp.com/static/img/igxe.jpg"
								alt="">
						</div>
					</a>
			</div>
			<div class="title">
				<i class="mdi mdi-vacuum-outline"></i>
				skills
			</div>
			<div class="skill">
				<img id="skillPc"
					src="https://mp-d22a75ec-23c3-4382-abcd-f17b827c4211.cdn.bspapp.com/static/svg/skillWap.svg" alt=""
					srcset="">
				<img id="skillWap"
					src="https://mp-d22a75ec-23c3-4382-abcd-f17b827c4211.cdn.bspapp.com/static/svg/skillWap.svg" alt=""
					srcset="">
			</div>
			</content>
		</div>
		</div>
		<footer>
			James © 2024
		</footer>
		<div class="tc">
			<div onclick="" class="tc-main">
				<img class="tc-img" src="" alt="" srcset="">
			</div>

		</div>
	</body>
	<script src="https://mp-d22a75ec-23c3-4382-abcd-f17b827c4211.cdn.bspapp.com/static/js/script.js"> </script>


</html>